import * as echarts from "echarts";
import { useEcharts } from "@/hooks/useEcharts";

const BarChart = () => {
	let option: echarts.EChartsOption = {
		xAxis: {
			type: "category",
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
		},
		yAxis: {
			type: "value"
		},
		series: [
			{
				data: [120, 200, 150, 80, 70, 110, 130],
				type: "bar"
			}
		]
	};

	const [echartsRef] = useEcharts(option);
	return <div ref={echartsRef} className="content-box"></div>;
};

export default BarChart;
